Рекламный баннер

Скрипт рекламного баннера для сайта


<div class="cor"> <div class="pyl">Пыльца</div> <div class="sosna">сосны</div> <div class="p-sex">Полноценный секс в любом возрасте</div> <div class="hronik">Нет хронической усталости</div> <div class="stop">Стоп старость/<div> <div class="cup">КУПИТЬ!!!</div> </a></div> <style> .cor { width: 45%; height: 55px; min-width: 270px; padding left: 10px; position: relative; top: 125px; left: 20px; background: #F3F9FE; border: 1px solid #93989D; } .pyl { font-size: 28px; font-family: Impact; color: #A6733C; letter-spacing: 0px; position: absolute; top: 5px; left: 10px; } .sosna { font-size: 20px; float: left; font-family: Impact; color: #5FB622; position: absolute; letter-spacing: 1.5px; top: 28px; left: 20px; } .p-sex, .hronik, .stop { position: absolute; top: 12px; font-size: 21px; font-family: Arial; letter-spacing: 1px; } .p-sex { animation: one-im 9s ease alternate infinite; left: 22%; } .hronik { animation: two-im 9s ease alternate infinite; left: 30%; } .stop { animation: three-im 9s ease alternate infinite; left: 35%; } .sylka-b { text-decoration: none; color: #44AAE2; } .cup{ position: absolute; left: 20%; top: 8px; width: 75%; color: red; background: #F3F9FE; font-size: 30px; font-weight: bold; text-align: center; line-height: 1.2; font-style: italic; text-transform: uppercase; animation: pocupka 15s linear infinite; } @keyframes one-im{ 0% { opacity: 1; } 30% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } } @keyframes two-im{ 0% { opacity: 0; } 30% { opacity: 0; 40% { opacity: 1; } } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes three-im{ 0% { opacity: 0; } 50% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; } } @keyframes pocupka{ 0% { opacity: 0; } 35% { opacity: 0; transform: translateY(-12px); } 36% { opacity: 0.2; transform: translateY(0); } 37% { opacity: 0.3; transform: translateY(-8px); } 38% { opacity: 0.5; transform: translateY(0); } 39% { opacity: 0.7; transform: translateY(-5px); } 40% { opacity: 0.9; transform: translateY(0); } 50%{ opacity: 1; } 57% { opacity: 1; } 58% { opacity: 0; } 100% { opacity: 0; } } </style>
Рекламный
баннер
Лучшие скрипты
На сайте ciberfox.ru
Добро пожаловать
насайт